<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
            <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
	<title>拼购分类</title>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/bingo.css">
    <link rel="stylesheet" type="text/css" href="../css/personalcenter.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <!-- [if IE 7] >
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
    <!-- [endif]-->

</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->


<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="../personalcenter/">Miko Tong </a></li>
        <li><a href="../signup1.html">免费注册</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="../">主页</a></li>
        <li class="dropdown">
            <a href="../personalcenter/orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
            <ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
                <li><a style="padding: 0" href="../personalcenter/">个人中心</a></li>
                <li><a style="padding: 0" href="../personalcenter/bingo.html">我的拼购</a></li>
                <li><a style="padding: 0" href="../personalcenter/orders.html">我的订单</a></li>
                <li><a style="padding: 0" href="#">我的分享</a></li>
                <li><a style="padding: 0" href="#">绑定账号</a></li>
                <li><a style="padding: 0" href="../personalcenter/updatepassword.html">修改密码</a></li>
                <li><a style="padding: 0" href="../personalcenter/userinfo.html">修改资料</a></li>
            </ul>
        </li>
        <li><a href="../shopping/cart(bingo).html">购物车<i id="end"></i><span class="badge aqua" id="cart"></span></a></li>
        <li><a href="../personalcenter/collect.html">收藏夹<span class="badge aqua"></span></a></li>
        <li><a href="#">客户服务<span class="badge aqua"></span></a></li>
        <li><p class="navbar-text time"></p></li>
    </ul>
</nav><!--<nav>-->
<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--logo-->
        <div class="col-sm-2 col-lg-2"></div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-7 col-lg-7" role="form">
            <form action="#" method="post" name="search" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
                    <span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default  my-btn-default-bgcolor">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--搜索框表单-->
    </div><!--/.row search-->

    <div class="row">
        <div class="col-sm-12 col-lg-12">
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="btn-group" style="width:100%; background-color: rgb(244,166,36); ">
                        <button type="button" class="button-aid-color btn">全部拼购商品分类&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down"></span></button>
                        <button type="button" class="btn button-main-color">一起购物</button>
                        <button type="button" class="btn button-main-color">晒单分享</button>
                        <button type="button" class="btn button-main-color">高校公益</button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <!-- 面包屑 -->
                    <ol class="breadcrumb" style="background-color: #FFF;">
                      <li><a href="../">首页</a></li>
                        <li><a href="#" id="goods-type">平板手机</a></li>
                        <li><a href="#" id="goods-brand">全部</a></li>
                    </ol>
                </div>
            </div>
            <div class="row" style="margin: 0; border: 1px solid #bbb;">
                <div class="col-sm-12 col-lg-12"  style="background-color: #eee;">
                    <h3>所有分类</h3>
                </div>
                <div class="col-sm-12 col-lg-12" style="margin: 30px 0 15px 0;">
                    <div class="choose-type col-sm-1 col-lg-1">
                        <i class= "icon-tablet" style="font-size: 50px;">
                            <i class= "icon-mobile-phone" style="font-size: 35px;margin-left: -25px; background-color: rgb(255,255,255);"></i>
                        </i><br>
                        <span style="font-size: small;">手机平板</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-desktop" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">电脑办公</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-headphones" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">数码影音</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-magic" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">时尚美妆</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-food" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">美食天地</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-gift" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">创意新品</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-coffee" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">生活佳品</span>
                    </div>
                    <div class="not-choose-type col-sm-1 col-lg-1">
                        <i class="icon-th" style="font-size: 50px;"></i><br>
                        <span style="font-size: small;">其他物品</span>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-12"  style="background-color: #eee;">
                    <h3>品牌</h3>
                </div>
                <div class="col-sm-12 col-lg-12">
                    <ul class="nav navbar-nav" id="set-goods-brand">
                        <li><a href="#">小米</a></li>
                        <li><a href="#">苹果</a></li>
                        <li><a href="#">三星</a></li>
                    </ul>
                    <span class="pull-right btn btn-text">更多+</span>
                </div>
                <div class="col-sm-12 col-lg-12" style="background-color: #eee;">
                    <div class="col-sm-1 col-lg-1">排序：</div>
                    <div class="col-sm-1 col-lg-1 btn btn-sm">人气商品</div>
                    <div class="col-sm-1 col-lg-1 btn btn-sm">即将揭晓</div>
                    <div class="col-sm-1 col-lg-1 btn btn-sm">剩余人次</div>
                    <div class="col-sm-1 col-lg-1 btn btn-sm">最新关注</div>
                    <div class="col-sm-1 col-lg-1 btn btn-sm">推出时间</div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="row">
            <div class="col-sm-12 col-lg-12"><br><br>
                <a href="#"><span style="margin:0 45px">一元区</span></a>
                <a href="#"><span style="margin:0 45px">两元区</span></a>
                <a href="#"><span style="margin:0 45px">五元区</span></a>
                <a href="#"><span style="margin:0 45px">十元区</span></a>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第3期) Apple iPad mini 3 16G WIFI版" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-1.png" alt="">
                    <span><nobr>(第3期) Apple iPad mini 3 16G WIFI版</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">3210</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 13%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="text-center pull-left">417</a>
                <a class="text-center pull-right">2793</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第3期) 小米 平板 16G " style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-2.png" alt="">
                        <span><nobr>(第3期) 小米 平板 16G </nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">2300</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="text-center pull-left">1380</a>
                <a class="text-center pull-right">920</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第6期) iPhone6 4.7英寸 64G" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-3.png" alt="">
                        <span><nobr>(第6期) iPhone6 4.7英寸 64G</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">5880</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 34%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">1999</a>
                <a class="pull-right">3881</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第5期)魅族5 4.7英寸 64G" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-4.png" alt="">
                        <span><nobr>(第5期)魅族5 4.7英寸 64G</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">1799</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 77%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">1358</a>
                <a class="pull-right">414</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="第（11期）努比亚大牛 Z9 Max 手机" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-5.jpg" alt="">
                        <span><nobr>第（11期）努比亚大牛4 Z9 Max 手机</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">1550</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 32%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">496</a>
                <a class="pull-right">1054</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第9期）联想 乐檬 K3（K30-E）16G" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-6.jpg" alt="">
                        <span><nobr>（第9期）联想 乐檬 K3（K30-E）16G</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">1300</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 17%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">221</a>
                <a class="pull-right">1079</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第10期）微软（Microsoft）Surface 3 128G" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-7.jpg" alt="">
                        <span><nobr>（第10期）微软（Microsoft）Surface 3 128G</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">4000</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 54%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">2160</a>
                <a class="pull-right">1840</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第14期）OPPO N3（N5209）白色 移动联通双4G手机" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-8.jpg" alt="">
                        <span><nobr>（第14期）OPPO N3（N5209）白色 移动联通双4G手机</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">2100</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 88%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">1848</a>
                <a class="pull-right">252</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第17期）dostyle DP101 10.1英寸高清平板电脑" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-9.jpg" alt="">
                        <span><nobr>（第17期）dostyle DP101 10.1英寸高清平板电脑</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">3400</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 24%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">816</a>
                <a class="pull-right">2584</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第22期）酷比魔方 i7手写版 10.6英寸电磁屏平板电脑" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-10.jpg" alt="">
                        <span><nobr>（第22期）酷比魔方 i7手写版 10.6英寸电磁屏平板电脑</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">3200</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 9%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">288</a>
                <a class="pull-right">2912</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第23期）一加（OnePlus）64GB 砂岩黑 移动4G手机.jpg" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-11.jpg" alt="">
                        <span><nobr>（第23期）一加（OnePlus）64GB 砂岩黑 移动4G手机.jpg</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">3100</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 72%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">2232</a>
                <a class="pull-right">868</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第32期）华为（HUAWEI）荣耀X2通话平板" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-12.jpg" alt="">
                        <span><nobr>（第32期）华为（HUAWEI）荣耀X2通话平板</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">3000</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 43%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">1290</a>
                <a class="pull-right">1710</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <a href="../bingo/single.html" class="btn button-set">立即参与</a>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
        </div>
    </div>
</div>

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
    <a href="#" style="color: #949494;"><span>首页</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>隐私声明</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>加入我们</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>联系我们</span></a>
    <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->

<!--返回顶部-->
<div class="text-center" id="back-top">
    <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
</div>

<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/jquery.fly.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/myJs.js"></script>
<script src="../js/bingo.js"></script>
</body>
</html>